<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Restaurant Home Page</title>
        <meta name="description" content="Handbag" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <link href="css/layout.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="css/ws_container.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="css/ws_home.css" media="screen" rel="stylesheet" type="text/css" />

        <!--Logo_1-->  <link rel="stylesheet" type="text/css" href="../../widget/logo/1/logo_1.css" />
        <!--html_wi_1 .hotline_0-->  <link rel="stylesheet" type="text/css" href="../../widget/html/0/hotline_widget/hotline_0.css" />
        <!--Menu_wi_1-->  <link rel="stylesheet" type="text/css" href="../../widget/hmenu/2/hmenu_2.css" />
        <!--html_wi_2 .html_greeting--> <link rel="stylesheet" href="../../widget/html/0/greeting_widget/greeting_0.css"/>
        <!--html_wi_3 .html_special_items--> <link rel="stylesheet" href="../../widget/html/0/special_items_widget/special_items_0.css"/>
        <!--html_wi_4 .html_open_time --> <link rel="stylesheet" href="../../widget/html/0/open_time_widget/open_time_0.css"/>
        <!--html_wi_5 .html_address-->  <link rel="stylesheet" href="../../widget/html/0/address_widget/address_0.css"/>
        <!--news_list_wi_1 --> <link rel="stylesheet" href="../../widget/news_list/1/news_list_1.css"/>
         <!-- footer_wi_1 --> <link rel="stylesheet" type="text/css" href="../../widget/footer/0/footer_0.css" />
    </head>
    <body>
        <div id="wrapper">	
            <div id="wrapper_top">
                <div id="hook_top" class="hook">
                    <!--LOGO WIDGET [slug:logo, library:1, widget instance:1]-->

                    <div id="logo_wi_1" class="logo_1"> 
                        <img src="images/logo.png" alt=""/>
                        <div class="logo_content">
                            <a href="http://localhost/gishop/">Phở Cuốn 31</a> 
                            <p class="slogan">Restaurant Estore Theme</p>    
                        </div><!-- End .logo_content -->

                    </div>
                    <!--END LOGO WIDGET--> 

                    <!--HTML HOTLINE WIDGET [slug:html, library:0, widget instance:1]-->
                    <div id="html_wi_1" class="hotline_0"> 
                        <!--Load css of widget-->
                        <div class="hotline_image"></div>
                        <!--End #hotline_image-->
                        <div class="hotline_heading"> Ăn cả ngày lẫn đêm</div>
                        <!--End .hotline_heading -->
                        <div class="hotline_number"> 0921422351</div>
                        <!--End .hotline_number--> 
                    </div>
                    <!--END HTML HOTLINE WIDGET--> 

                    <!--HMENU WIDGET [slug:menu, library:2, widget instance:1]-->
                    <div id="menu_wi_1" class="menu_2"> 
                        <ul class="menu">
                            <li><a href="home.html">Trang chủ</a>
                            <li><a href="#"  class="active">Giới thiệu</a>
                            <li><a href="#">Gallery</a>
                            <li><a href="#">Tin tức</a>
                            <li><a href="#">Liên hệ</a>
                        </ul>
                    </div>
                    <!--END HMENU WIDGET--> 
                    
                    
                    <div id="social" class="social">
                        <style>
                            .social {
                                position: absolute;
                                left:10px;
                                top:20px;
                            }
                            
                            ul li {
                                list-style: none;
                                display: inline;
                            }
                            
                               
                            
                        </style>
                        <ul id="social_wrapper">
                            <li><a href="#"><img src="images/facebook.png" alt="facebook"></a></li>
                            <li><a href="#"><img src="images/twitter.png" alt="twitter"></a></li>
                            <li><a href="#"><img src="images/flickr.png" alt="flickr"></a></li>
                        </ul>
                    </div>
                    
                    
                    

                    <!--HOME BANNER WIDGET [slug:home_banner, library:1, widget instance:1]-->
                    <div id="home_banner_wi_1" class="home_banner_1"> 
                        <link rel="stylesheet" href="../../widget/home_banner/1/orbit-1.2.3.css"/>
                        <link rel="stylesheet" href="../../widget/home_banner/1/home_banner_1.css"/>
                        <script type="text/javascript" src="../../widget/home_banner/1/jquery.orbit-1.2.3.js"></script>
                        <script type="text/javascript">
                            $(window).load(function() {
                                $('#featured').orbit();
								
                            });
                        </script>

                        <div id="slider-wrapper">

                            <div id="featured"> 
                                <img src="images/home/banner1.jpg" data-caption="#htmlCaption1"/>
                                <img src="images/home/banner2.jpg" data-caption="#htmlCaption" />

                            </div>
                            <!-- Captions for Orbit -->

                            <span class="orbit-caption" id="htmlCaption1">
                                <h2>Gusteau restaurant has a new branch</h2> 
                                <p>Take some cooked enough for each crouton, and serve the beginning to fry over the insides, and turnip, potato already added two onions, thyme, parsley, pepper with the cod, sprinkling it on a little bit of two leeks.</p>
                            </span>

                            <span class="orbit-caption" id="htmlCaption">
                                <h2>aaaaaaaaaaaa</h2>
                                <p>bbbbbbbbbbbbbbbbbbb</p>
                            </span>

                        </div>	

                    </div>
                    <!--END HOME BANNER WIDGET--> 

                </div><!-- End #hook_top -->

            </div><!--End #wrapper_top -->

            <div id="wrapper_custom_1">

                <div id="hook_information_1" class="hook">
                    <!--HTML GREETING WIDGET [slug:html, library:0, widget instance:1]-->
                    <div id="html_wi_2" class="html_greeting_0"> 

                        <h2>Hãy đến và cảm nhận!</h2>
                        <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam. Nam blandit lacus. Quisque ornare risus quis ligula.Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. </p>
                        <div id="read_more"> <a href="#">Read more</a> </div>
                        <!--End #read_more-->
                    </div>
                    <!--END HTML GREETING WIDGET--> 
                    <!--HTML SPECIAL ITEMS WIDGET [slug:html, library:0, widget instance:1]-->
                    <div id="html_wi_3" class="html_special_items_0"> 
                        <h2>Món ngon đặc biệt</h2>
                        <div class="image_box"> <a href="#"><img src="images/home/special_food_1.jpg" alt="mon_ngon1" /> </a> </div>
                        <!--End .image_box-->
                        <div class="image_box"> <a href="#"><img src="images/home/special_food_1.jpg" alt="mon_ngon2" /> </a> </div>
                        <!--End .image_box-->
                    </div>
                    <!--END HTML SPECIAL ITEMS WIDGET--> 

                    <!--HTML OPEN TIME WIDGET [slug:html, library:0, widget instance:1]-->
                    <div id="html_wi_4" class="html_open_time_0"> 

                        <div id="open_time_header"> <span>Giờ mở cửa</span> </div>
                        <!--End #open_time_header -->
                        <div id="open_time_content">
                            <ul>
                                <li>Thứ hai - Thứ sáu 11:00 am - 09:00 pm</li>
                                <li>Thứ bảy - Chủ nhật 11:00 am - 10:00 pm</li>
                            </ul>    
                        </div><!--End #open_time_content-->
                        <p id="open_time_note">* Reservations on holidays, Duis aute  amet, consectetur adipisicing elit</p>
                    </div>
                    <!--END HTML OPEN TIME WIDGET--> 
                </div><!--End #hook_information_1-->


            </div><!-- End #wrapper_custom_1-->

            <div id="wrapper_custom_2">

                <div id="wrapper_custom_3">
                    <div id="hook_address" class="hook">
                        <!--ADDRESS WIDGET [slug:address, library:0, widget instance:1]-->
                        <style>

                        </style>
                        <div id="html_wi_5" class="address_0"> 
                            <h2>Địa điểm</h2>
                            <p id="address_note"> 1001 Longwood Road, Kennett Square, PA 19348
                                We are located on Dogwood Rd. between Webb Gin House Rd. and Highway 124 (Scenic Highway) in Snellville. </p>
                            <iframe width="438" height="250" frameborder="1" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Ng%C5%A9+X%C3%A3,+Tr%C3%BAc+B%E1%BA%A1ch,+Hanoi,+Vietnam&amp;aq=0&amp;oq=ng%C5%A9+x%C3%A3&amp;sll=37.0625,-95.677068&amp;sspn=36.863178,86.572266&amp;ie=UTF8&amp;hq=Ng%C5%A9+X%C3%A3,&amp;hnear=Tr%C3%BAc+B%E1%BA%A1ch,+Ba+Dinh+District,+Hanoi,+Vietnam&amp;t=m&amp;ll=21.045779,105.841404&amp;spn=0.006295,0.006295&amp;output=embed"></iframe>
                        </div>
                        <!--END ADDRESS WIDGET -->  
                    </div><!-- End #hook_address -->

                </div><!--End #wrapper_custom_3 -->

                <div id="wrapper_custom_4">
                    <div id="hook_news" class="hook">
                        <!--NEWS LIST WIDGET [slug:news_list, library:1, widget instance:1]-->
                        <div id="news_list_wi_1" class="news_list_1"> 

                            <h2>Tin mới</h2>
                            <div id="news_1">
                                <div class="news_image_box"> <a href="#"><img src="images/home/news_image.jpg" alt="news_1"/></a> </div>
                                <!--End .news_image_box -->
                                <div class="news_content">
                                    <h3><a href="#">Percy Street Barbecue </a></h3>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam. Nam blandit lacus. Quisque ornare risus quis ligula.Phasellus tristique purus a augue ...</p>
                                    <div class="read_more_news"> <a href="#">Read More</a> </div>
                                    <!--End #read_more_news -->
                                </div>
                                <!--End .news_content-->
                                <div class="clear"></div>
                            </div>

                            <div id="news_2">
                                <div class="news_image_box"> <a href="#"><img src="images/home/news_image.jpg" alt="news_1"/></a> </div>
                                <!--End .news_image_box -->
                                <div class="news_content">
                                    <h3><a href="#">Percy Street Barbecue </a></h3>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam. Nam blandit lacus. Quisque ornare risus quis ligula.Phasellus tristique purus a augue ...</p>
                                    <div class="read_more_news"> <a href="#">Read More</a> </div>
                                    <!--End #read_more_news -->
                                </div>
                                <!--End .news_content-->
                                <div class="clear"></div>
                            </div>
                            <div id="news_3">
                                <div class="news_image_box"> <a href="#"><img src="images/home/news_image.jpg" alt="news_1"/></a> </div>
                                <!--End .news_image_box -->
                                <div class="news_content">
                                    <h3><a href="#">Percy Street Barbecue </a></h3>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam. Nam blandit lacus. Quisque ornare risus quis ligula.Phasellus tristique purus a augue ...</p>
                                    <div class="read_more_news"> <a href="#">Read More</a> </div>
                                    <!--End #read_more_news -->
                                </div>
                                <!--End .news_content-->
                                <div class="clear"></div>
                            </div>
                            <!--End #news_1-->
                            <div id="news_4">
                                <div class="news_image_box"> <a href="#"><img src="images/home/news_image.jpg" alt="news_2"/></a> </div>
                                <!--End .news_image_box -->
                                <div class="news_content">
                                    <h3><a href="#">Percy Street Barbecue </a></h3>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam. Nam blandit lacus. Quisque ornare risus quis ligula.Phasellus tristique purus a augue ...</p>
                                    <div class="read_more_news"> <a href="#">Read More</a> </div>
                                </div>
                                <!--End .news_content-->
                                <div class="clear"></div>
                            </div>
                            <!--End #news_2-->
                        </div>
                        <!--END NEWS LIST WIDGET -->
                    </div><!-- End #hook_news -->
                </div><!--End #wrapper_custom_4 -->
                <div class="clear" style="clear:both"></div>
            </div><!-- End #wrapper_custom_2 -->

            <div id="wrapper_footer">
                <div id="hook_footer" class="hook">
                    <!--FOOTER WIDGET [slug:footer, library:0, widget instance:1]-->
                    <div id="footer_wi_1" class="footer_0"> 
                        
                        <div class="footer_col_left">
                            <a href="#">Quán phở cuốn 31</a>
                            <span>&copy; 2012 Restaurant Estore Theme, All Rights Reserved</span>
                        </div><!--End .footer_col_left-->

                        <div class="footer_col_right">
                            <p>Web design by <span class="company_name">Gidaff Company</span></p>
                        </div><!--End .footer_col_right-->
                        <div class="clear"></div>
                    </div>
                    <!--END FOOTER WIDGET--> 
                </div>
                <!--END hook_footer-->
            </div>
            <!--END wrapper_footer-->
        </div><!--END wrapper-->
    </body>
</html>